<template>
<div class="demo-image__lazy">
  <div style="width:100%;height:30px"> </div>
  <el-row  type="flex" v-for="(url,index) in urls" :key="index">
    <el-col :span="4"></el-col>
    <el-col :span="18" >
       <div style="width:300px;height:450px; !important;margin-right:85px  !important">
        <el-image :src="url.path" lazy> </el-image>
        <br>
        <span class="demonstration" style="float:right0">作者:{{url.name}}</span><br>
        <span class="demonstration" style="float:right0">时间:{{url.time}}</span><br>
      </div>
    </el-col>
    <el-col :span="4"></el-col>
    </el-row>
</div>
</template>
<script type="text/ecmascript-6">
export default {
  data () {
    return {
      srcList: '',
      urls: [
      ]
    }
  },

  mounted () {
    this.axios.post('/search').then(res => {
      window.console.log(res.data)
      this.urls = res.data
    })
  },

  methods: {

  }
}
</script>
<style>
</style>
